<aside>
    <div class="toggle-sidemenu animate" ng-click="nav.toggleNav()">
        <i class="fa fa-angle-double-left"></i>
        <i class="fa fa-angle-double-right"></i>
    </div>
    <div class="sidebar-left animate">
        <div class="branding"><a></a></div>
        <nav>
            <ul class="nav sidebar-menu">
                <li ng-repeat="link in ::nav.links">
                    <a ng-href="{{::link.urlAddr}}" ng-if="::link.urlAddr" tag="{{::link.urlAddr}}" tooltip-enable="$root.hideNav"
                       tooltip-placement="right" tooltip-append-to-body="true" uib-tooltip="{{::link.menuName}}"
                       tooltip-class="nav-tooltip" class="sup"><i class="fa fa-{{::link.icon}}"></i>{{::link.menuName}}</a>
                    <span ng-if="::!link.urlAddr" tooltip-enable="$root.hideNav" tooltip-placement="right"
                          tooltip-append-to-body="true" uib-tooltip="{{::link.menuName}}" tooltip-class="nav-tooltip">
                        <i class="fa fa-caret-right"></i>{{::link.menuName}}</span>
                    <ul ng-if="::link.item">
                        <li ng-repeat="link in ::link.item">
                            <a ng-href="{{link.urlAddr}}" tag="{{::link.urlAddr}}" tooltip-enable="$root.hideNav" tooltip-placement="right"
                               tooltip-append-to-body="true" uib-tooltip="{{::link.menuName}}" tooltip-class="nav-tooltip">
                                <i class="fa fa-{{::link.icon}}"></i> {{::link.menuName}}</a></li>
                    </ul>
                </li>
            </ul>
        </nav>
    </div>
</aside>